<template>
  <div class="footer">
    <ul class="container">
      <li><a href="#" class="nb">关于我们</a></li>
      <li><a href="#">帮助中心</a></li>
      <li><a href="#">售后服务</a></li>
      <li><a href="#">配送与验收</a></li>
      <li><a href="#">商务合作</a></li>
      <li><a href="#">搜索推荐</a></li>
      <li><a href="#">友情链接</a></li>
    </ul>
    <div class="fd">CopyRight © 小兔子乖乖</div>
  </div>
</template>
<style lang="less">
.footer {
  background: #fff;
  padding-top: 50px;
  .container {
    display: flex;
    width: 1000px;
    justify-content: center;
    align-items: center;
    li {
      a {
        display: inline-block;
        line-height: 1; // 相当于字体大小多少行高就多少
        padding: 0 10px;
        color: #999999;
        border-left: 1px solid #ccc;
      }
      .nb{
          border-left: 1px solid #fff;
      }
    }
  }
  .fd {
    font-size: 14px;
    color: #999999;
    padding-top: 20px;
  }
}
</style>
